<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>重庆文理学院官网-首页</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="css/index.css">

    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.js"></script>
    <style>
        body{
            margin-top: -20px;
        }
    </style>
    <![endif]-->
</head>
<body>
    <!--[if lt IE 8]>
    <div class="ie_title">
        <span class="btn_close" type="button">×</span>
        <div class="am-container">
            温馨提醒：你的浏览器太古董了，赶紧换一个吧！
            <a href="http://browsehappy.com/" target="_blank">
                速速点击换一个
            </a>
        </div>
    </div>
    <![endif]-->
    <!--头部开始-->
    <header>
        <div class="container">
            <div class="select-lang">
                <div>
                    <a href="javascript:void (0)">返回旧版</a>
                    <a href="javascript:void (0)">English</a>
                </div>
            </div>
            <div class="header-content">
                <div class="logo">
                    <img src="./images/header-logo.png" alt="LOGO">
                </div>
                <div class="search">
                    <ul class="menu">
                        <li><a href="javascript:void (0)">教职工</a></li>
                        <li><a href="javascript:void (0)">在校生</a></li>
                        <li><a href="javascript:void (0)">校友</a></li>
                        <li><a href="javascript:void (0)">考生及访客  </a></li>
                    </ul>
                    <form action="#" id="search-submit"></form>
                    <div class="input-group">
                        <input type="text" class="form-control" form="search-submit" placeholder="请输入关键字">
                        <a href="javascript:void (0)" class="input-group-addon">
                            <img src="./images/search.png" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <button href="javascript:void (0)" type="button" id="clickRoot" class="navbar-toggl">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
    </header>
    <!--头部结束-->
    <!--导航开始-->
    <nav>
        <ul class="nav-menu container" id="">
            <li><a href="javascript:void (0)">学校首页</a></li>
            <li><a href="javascript:void (0)">学校首页</a></li>
            <li><a href="javascript:void (0)">学校概况</a>
                <ul class="sec-menu">
                    <li><a href="javascript:void (0)">基本情况</a></li>
                    <li><a href="javascript:void (0)">校训校风</a></li>
                    <li><a href="javascript:void (0)">领导介绍</a></li>
                    <li><a href="javascript:void (0)">组织机构</a></li>
                    <li><a href="javascript:void (0)">校园风光</a></li>
                </ul>
            </li>
            <li><a href="javascript:void (0)">师资队伍</a>
                <ul class="sec-menu">
                    <li><a href="javascript:void (0)">基本情况</a></li>
                    <li><a href="javascript:void (0)">校训校风</a></li>
                    <li><a href="javascript:void (0)">领导介绍</a></li>
                    <li><a href="javascript:void (0)">组织机构</a></li>
                    <li><a href="javascript:void (0)">校园风光</a></li>
                </ul></li>
            <li><a href="javascript:void (0)">学科建设</a>
                <ul class="sec-menu">
                    <li><a href="javascript:void (0)">基本情况</a></li>
                    <li><a href="javascript:void (0)">校训校风</a></li>
                    <li><a href="javascript:void (0)">领导介绍</a></li>
                    <li><a href="javascript:void (0)">组织机构</a></li>
                    <li><a href="javascript:void (0)">校园风光</a></li>
                </ul>
            </li>
            <li><a href="javascript:void (0)">人才培养</a>
                <ul class="sec-menu">
                    <li><a href="javascript:void (0)">基本情况</a></li>
                    <li><a href="javascript:void (0)">校训校风</a></li>
                    <li><a href="javascript:void (0)">领导介绍</a></li>
                    <li><a href="javascript:void (0)">组织机构</a></li>
                    <li><a href="javascript:void (0)">校园风光</a></li>
                </ul>
            </li>
            <li><a href="javascript:void (0)">党建工作</a></li>
            <li><a href="javascript:void (0)">学生工作</a></li>
            <li><a href="javascript:void (0)">招生就业</a></li>
            <li><a href="javascript:void (0)">留言板</a></li>
            <li class="lang-en"><a href="javascript:void (0)">English</a></li>
        </ul>
    </nav>
    <!--导航结束-->
    <!--轮播开始-->
    <div class="banner container">
        <div id="main-banner" class="carousel slide">
            <!-- 轮播（Carousel）指标 -->
            <ol class="carousel-indicators">
                <li data-target="#main-banner" data-slide-to="0" class="active"></li>
                <li data-target="#main-banner" data-slide-to="1"></li>
                <li data-target="#main-banner" data-slide-to="2"></li>
            </ol>
            <!-- 轮播（Carousel）项目 -->
            <div class="carousel-inner">
                <div class="item active">
                    <img src="images/banner/2.jpg" alt="First slide">
                </div>
                <div class="item">
                    <img src="images/banner/3.jpg" alt="First slide">
                </div>
                <div class="item">
                    <img src="images/banner/4.jpg" alt="First slide">
                </div>
            </div>
            <!-- 轮播（Carousel）导航 -->
            <a class="left carousel-control" href="#main-banner" role="button" data-slide="prev">
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#main-banner" role="button" data-slide="next">
                <span class="sr-only">Next</span>
            </a>
        </div>
    </div>
    <!--轮播结束-->
    <!--新闻&通知开始-->
    <div class="container">
        <div class="row news">
            <div class="col-lg-8 col">
                <div class="content-item">
                    <section class="title">
                        <h2>新闻动态</h2>
                        <div class="more-link">
                            <a href="javascript:void (0)">
                                <span>更多</span><img src="images/more.png">
                            </a>
                        </div>
                    </section>
                    <section class="news-content row">
                        <div class="news-banner-con col-sm-5">
                            <div>
                                <section id="wlittleyang-banner-fade">
                                    <div class="container">
                                        <article class="item">
                                            <img src="images/news-banner/1.jpg" alt="">
                                        </article>
                                        <article class="item">
                                            <img src="images/news-banner/1.jpg" alt="">
                                        </article>
                                        <article class="item">
                                            <img src="images/news-banner/1.jpg" alt="">
                                        </article>
                                        <article class="item">
                                            <img src="images/news-banner/1.jpg" alt="">
                                        </article>
                                    </div>
                                    <section class="action-btn">
                                        <span class="action-right">Right</span>
                                    </section>
                                    <section class="action-hover"></section>
                                </section>
                            </div>
                        </div>
                        <div class="news-content-list col-sm-7">
                            <div>
                                <span class="news-icon">
                                    <img src="images/news-icon.png" alt="">
                                </span>
                                <span class="news-message">
                                    <a href="javascript:void (0)">
                                       我院“三下乡”志愿服务团深入农村开展脱...
                                    </a>
                                </span>
                                <span class="news-date">2015-06-04</span>
                            </div>
                            <div>
                                <span class="news-icon">
                                    <img src="images/news-icon.png" alt="">
                                </span>
                                <span class="news-message">
                                    <a href="javascript:void (0)">
                                        我院党政班子检查暑期卓越电气工程师培训...
                                    </a>
                                </span>
                                <span class="news-date">2015-06-04</span>
                            </div>
                            <div>
                                <span class="news-icon">
                                    <img src="images/news-icon.png" alt="">
                                </span>
                                <span class="news-message">
                                    <a href="javascript:void (0)">
                                        2017届毕业生文明离校倡议书
                                    </a>
                                </span>
                                <span class="news-date">2015-06-04</span>
                            </div>
                            <div>
                                <span class="news-icon">
                                    <img src="images/news-icon.png" alt="">
                                </span>
                                <span class="news-message">
                                    <a href="javascript:void (0)">
                                        电子电气工程学院2017届毕业生寄语
                                    </a>
                                </span>
                                <span class="news-date">2015-06-04</span>
                            </div>
                            <div>
                                <span class="news-icon">
                                    <img src="images/news-icon.png" alt="">
                                </span>
                                <span class="news-message">
                                    <a href="javascript:void (0)">
                                        我院举行2017届优秀毕业生经验交流会
                                    </a>
                                </span>
                                <span class="news-date">2015-06-04</span>
                            </div>
                            <div>
                                <span class="news-icon">
                                    <img src="images/news-icon.png" alt="">
                                </span>
                                <span class="news-message">
                                    <a href="javascript:void (0)">
                                       我院荣夺“学院杯”羽毛球锦标赛第三名
                                    </a>
                                </span>
                                <span class="news-date">2015-06-04</span>
                            </div>
                            <div>
                                <span class="news-icon">
                                    <img src="images/news-icon.png" alt="">
                                </span>
                                <span class="news-message">
                                    <a href="javascript:void (0)">
                                        我院“三下乡”志愿服务团深入农村开展脱...
                                    </a>
                                </span>
                                <span class="news-date">2015-06-04</span>
                            </div>
                            <div>
                                <span class="news-icon">
                                    <img src="images/news-icon.png" alt="">
                                </span>
                                <span class="news-message">
                                    <a href="javascript:void (0)">
                                        我院党政班子检查暑期卓越电气工程师培训...
                                    </a>
                                </span>
                                <span class="news-date">2015-06-04</span>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
            <div class="col-lg-4 col">
                <div class="content-item">
                    <section class="title">
                        <h2>通知公告</h2>
                        <div class="more-link">
                            <a href="javascript:void (0)">
                                <span>更多</span><img src="images/more.png">
                            </a>
                        </div>
                    </section>
                    <section class="tongzhi-content active">
                        <div class="date">
                           <div>
                               <h3>11</h3>
                               <span>06月</span>
                           </div>
                        </div>
                        <div class="tongzhi-message ">
                            <span>我院荣夺“学院杯”羽毛球锦标赛第...</span>
                            <span>5月21日上午8:00，由重庆文理学院体育运动委员...</span>
                        </div>
                    </section>
                    <section class="tongzhi-content">
                        <div class="date">
                            <div>
                                <h3>12</h3>
                                <span>06月</span>
                            </div>
                        </div>
                        <div class="tongzhi-message ">
                            <span>我院举行2017届优秀毕业生经验交流...</span>
                            <span>5月24日下午六点，我院在知行楼B602举行了一场...</span>
                        </div>
                    </section>
                    <section class="tongzhi-content">
                        <div class="date">
                            <div>
                                <h3>14</h3>
                                <span>06月</span>
                            </div>
                        </div>
                        <div class="tongzhi-message ">
                            <span>我院寝室文化建设评比工作落下帷幕</span>
                            <span>为了营造良好的寝室文化环境，推进高校校园文化...</span>
                        </div>
                    </section>
                </div>
            </div>
        </div>
    </div>
    <!--新闻&通知结束-->
    <!--团学&特色开始-->
    <div class="container">
        <div class="row container">
            <div class="col-lg-8 col">
                <div class="content-item">
                    <section class="title">
                        <h2>团学活动</h2>
                        <div class="more-link">
                            <a href="javascript:void (0)">
                                <span>更多</span><img src="images/more.png">
                            </a>
                        </div>
                    </section>
                    <section class="tuan-content active">
                        <div class="date">
                            <div>
                                <h3>11</h3>
                                <span>06月</span>
                            </div>
                        </div>
                        <div class="tuan-message ">
                            <span>我院成功举办“激昂年华，奋发乒搏”班级乒乓球赛</span>
                            <span>为丰富校园生活，引导广大学生“走下网络、走出宿舍、走向操场” 帮助同学形成健康体魄、培育团队意识和拼搏精神，我院于20日上午8点在B区乒乓球场举行了班级乒乓球联赛。</span>
                        </div>
                    </section>
                    <section class="tuan-content active">
                        <div class="date">
                            <div>
                                <h3>11</h3>
                                <span>06月</span>
                            </div>
                        </div>
                        <div class="tuan-message ">
                            <span>我院成功举办“激昂年华，奋发乒搏”班级乒乓球赛</span>
                            <span>为丰富校园生活，引导广大学生“走下网络、走出宿舍、走向操场” 帮助同学形成健康体魄、培育团队意识和拼搏精神，我院于20日上午8点在B区乒乓球场举行了班级乒乓球联赛。</span>
                        </div>
                    </section>
                    <section class="tuan-content active">
                        <div class="date">
                            <div>
                                <h3>11</h3>
                                <span>06月</span>
                            </div>
                        </div>
                        <div class="tuan-message ">
                            <span>我院成功举办“激昂年华，奋发乒搏”班级乒乓球赛</span>
                            <span>为丰富校园生活，引导广大学生“走下网络、走出宿舍、走向操场” 帮助同学形成健康体魄、培育团队意识和拼搏精神，我院于20日上午8点在B区乒乓球场举行了班级乒乓球联赛。</span>
                        </div>
                    </section>
                    <section class="tuan-content active">
                        <div class="date">
                            <div>
                                <h3>11</h3>
                                <span>06月</span>
                            </div>
                        </div>
                        <div class="tuan-message ">
                            <span>我院成功举办“激昂年华，奋发乒搏”班级乒乓球赛</span>
                            <span>为丰富校园生活，引导广大学生“走下网络、走出宿舍、走向操场” 帮助同学形成健康体魄、培育团队意识和拼搏精神，我院于20日上午8点在B区乒乓球场举行了班级乒乓球联赛。</span>
                        </div>
                    </section>
                    <section class="tuan-content active">
                        <div class="date">
                            <div>
                                <h3>11</h3>
                                <span>06月</span>
                            </div>
                        </div>
                        <div class="tuan-message ">
                            <span>我院成功举办“激昂年华，奋发乒搏”班级乒乓球赛</span>
                            <span>为丰富校园生活，引导广大学生“走下网络、走出宿舍、走向操场” 帮助同学形成健康体魄、培育团队意识和拼搏精神，我院于20日上午8点在B区乒乓球场举行了班级乒乓球联赛。</span>
                        </div>
                    </section>
                </div>
            </div>
            <div class="col-lg-4 col">
                <div class="chara content-item">
                    <section class="title">
                        <h2>特色成效</h2>
                    </section>
                    <ul>
                        <li>
                            <img src="images/tscx/chara-1.png" alt="">
                        </li>
                        <li>
                            <img src="images/tscx/chara-2.png" alt="">
                        </li>
                        <li>
                            <img src="images/tscx/chara-3.png" alt="">
                        </li>
                        <li>
                            <img src="images/tscx/chara-4.png" alt="">
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--团学&特色结束-->
    <!--学术研究开始-->
    <div class="container content-item academic-con"  >
        <section class="title">
            <h2>学术研究</h2>
            <div class="more-link">
                <a href="javascript:void (0)">
                    <span>更多</span><img src="images/more.png">
                </a>
            </div>
        </section>
        <div class="row academic">
            <div class="col-lg-6">
                <a href="javascript:void (0)" class="thumbnail">
                    <div class="academic-img">
                        <img src="images/news-banner/1.jpg" alt="">
                    </div>
                    <div class="caption">
                        <section>
                            <span class="academic-title">我院举行2017届优秀毕业秀毕业秀毕业</span>
                            <span class="academic-date">2015-05-11</span>
                        </section>
                        <p>
                            校级青年基金课题是为了培养、提高青年教师的科研能力，为申报上一级课题而进行的预研。对于公开发表的研究成果一定要标注“湖南人文科
                        </p>
                    </div>
                </a>
                <a href="javascript:void (0)" class="thumbnail">
                    <div class="academic-img">
                        <img src="images/news-banner/1.jpg" alt="">
                    </div>
                    <div class="caption">
                        <section>
                            <span class="academic-title">我院举行2017届优秀毕业秀毕业秀毕业</span>
                            <span class="academic-date">2015-05-11</span>
                        </section>
                        <p>
                            校级青年基金课题是为了培养、提高青年教师的科研能力，为申报上一级课题而进行的预研。对于公开发表的研究成果一定要标注“湖南人文科
                        </p>
                    </div>
                </a>
            </div>
            <div class="col-lg-6">
                <a href="javascript:void (0)" class="thumbnail">
                    <div class="academic-img">
                        <img src="images/news-banner/1.jpg" alt="">
                    </div>
                    <div class="caption">
                        <section>
                            <span class="academic-title">我院举行2017届优秀毕业秀毕业秀毕业</span>
                            <span class="academic-date">2015-05-11</span>
                        </section>
                        <p>
                            校级青年基金课题是为了培养、提高青年教师的科研能力，为申报上一级课题而进行的预研。对于公开发表的研究成果一定要标注“湖南人文科
                        </p>
                    </div>
                </a>
                <a href="javascript:void (0)" class="thumbnail">
                    <div class="academic-img">
                        <img src="images/news-banner/1.jpg" alt="">
                    </div>
                    <div class="caption">
                        <section>
                            <span class="academic-title">我院举行2017届优秀毕业秀毕业秀毕业</span>
                            <span class="academic-date">2015-05-11</span>
                        </section>
                        <p>
                            校级青年基金课题是为了培养、提高青年教师的科研能力，为申报上一级课题而进行的预研。对于公开发表的研究成果一定要标注“湖南人文科
                        </p>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <!--学术研究结束-->
    <!--相关链接开始-->
    <div class="relation-link">
        <a href="javascript:void (0)">媒体人文</a>
        <a href="javascript:void (0)">教育实践活动</a>
        <a href="javascript:void (0)">思政园地</a>
        <a href="javascript:void (0)">教学评建</a>
        <a href="javascript:void (0)">学科建设</a>
        <a href="javascript:void (0)">合作交流</a>
        <a href="javascript:void (0)">校友总会</a>
    </div>
    <!--相关链接结束-->
    <!--页脚开始-->
    <footer>
        <p>红河校区：重庆市永川区红河大道319号　星湖校区：重庆市永川卫星湖文化旅游区</p>
        <p>院办传真：023-61162802　电话：023-61162802　023-61162798　招办电话：023-49891966　邮编：402160</p>
        <p>版权所有©重庆文理学院　渝ICP备05001037号</p>
    </footer>
    <!--页脚结束-->
    <script src="js/news-banner.js"></script>
    <script>
        (function ($) {
            $('#main-banner').carousel({
                autoplay : true,
                interval:5000
            });
            //垃圾回收，防止污染全局变量
            //响应式菜单
            {
                let count = 0;
                let $nav =  $('body>nav');
                innerWidth <= 768 ?
                    $nav.hide() : $nav.show();
                window.onresize = function(){
                    innerWidth <= 768 ?
                        $nav.hide(500) : $nav.show(500);
                };
                $('#clickRoot').click(function () {
                    if(count === 0){
                        $('body>nav').slideDown(500);
                        count = 1;
                    }else {
                        $('body>nav').slideUp(500);
                        count = 0;
                    }
                });
            }
            //特色成效图片交互
            let $tsList = $('.chara ul li');
            for (let i = 0; i <$tsList.length; i++) {
                $($tsList[i]).hover(function () {
                    $(this).find('img').attr('src' , 'images/tscx/chara-'+(i+1)+'-chek.png');
                },function () {
                    $(this).find('img').attr('src' , 'images/tscx/chara-'+(i+1)+'.png');
                });
            }
        })(jQuery);
    </script>
    <script>
        console.log("项目地址:https://github.com/smallMote/Internship",
                    "个人网站：https://www.wlittleyang.com");
    </script>
</body>
</html>